<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			// data.text() => 会将后台返回的数据处理成 字符形式
			// data.json() => 会将后台返回的数据处理成 json格式  ----  JSON.parse()

			// fetch('http://127.0.0.1:3000/json')
			// 	.then((data) => {
			// 		return data.text()
			// 	})
			// 	.then((data) => {
			// 		console.log(data) // {"uname":"lisi","age":13,"gender":"male"}
			// 		console.log(JSON.parse(data)) // {uname: "lisi", age: 13, gender: "male"}
			// 		console.log(JSON.parse(data).uname) // lisi
			//   })

			// ★ 重点
			fetch('http://127.0.0.1:3000/json')
				.then((data) => {
					return data.json()
					// return data.text()
				})
				.then((data) => {
					// console.log(data) // {uname: "lisi", age: 13, gender: "male"}
					console.log(data.uname) // lisi
				})
		</script>
	</body>
</html>
